//vue3 框架提供的 createApp 方法，可以用来创建应用实例方法
import { createApp } from 'vue'
//引入清除默认样式
import '@/style/reset.scss'
//引入根组件 App
import App from '@/App.vue'
//引入全局组件--顶部、底部都是全局组件
import HospitalTop from '@/components/hospital_top/index.vue';
import HospitalBottom from '@/components/hospital_bottom/index.vue';
import Login from  '@/components/login/index.vue';
import Visitor from  '@/components/visitor/visitor.vue';
//引入 vue-router 核心插件并安装
import router from '@/router';
//引入 element-plus 插件
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
//引入 element-plus 国际化文件
//@ts-ignore,ts 不支持 zh-cn.mjs，所以这里要忽略 ts 校验，否则会有警告线提示
//@ts-ignore
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
//引入 pinia 仓库
import pinia from '@/store'
//利用 createApp 方法创建应用实例，且将应用实例挂在到挂载点上
const app = createApp(App);
//顶部组件 
app.component('HospitalTop', HospitalTop);
app.component('HospitalBottom', HospitalBottom);
app.component('Login', Login);
//就诊人全局组件
app.component('Visitor', Visitor);
//安装 vue-router
app.use(router);
//安装 element-plus 插件
app.use(ElementPlus, {
    locale: zhCn
})
//安装 pinia 仓库
app.use(pinia);
//引入路由鉴权的文件
import './permisstion';
//挂载
app.mount('#app');